<template>
    <div class="goods-detail-tip">{{text}}</div>
</template>

<script>
export default {
    name: 'DetailTip', // 详情的提示
    props: {
        text: String,
    },
};
</script>

<style lang="less">
.goods-detail-tip {
    position: fixed;
    bottom: calc(@footer-height - @border-radius-new);
    z-index: 10;
    width: 100%;
    .font-size-sm();
    .t-c();
    .p-v(3);
    .p-b(@border-radius-new);
    padding-bottom: calc(@border-radius-new + constant(safe-area-inset-bottom));
    padding-bottom: calc(@border-radius-new + env(safe-area-inset-bottom));
    color: @red;
    background-color: #FFE2E2;
}
</style>
